<template>

	<view class="publish-frame">

			<view class="publish-cata shadow" @click="goVisitor()">
				<view class="publish-content">
					<text>访问申请</text>
				</view>
				<view><image src="../../static/visitors/访问申请.png" class="publish-image"></image></view>
			</view>
			
			<view class="publish-cata shadow" @click="goVisitorRecord()">
				<view class="publish-content">
					<text>申请记录</text>					
				</view>
				<view><image src="../../static/visitors/访问记录.png" class="publish-image"></image></view>
			</view>
		
	</view>
	
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			}
		},
		onLoad() {

		},
		methods: {
			goVisitor(){
				wx.navigateTo({
					url: '../visitor/visitor'
				})	
			},
			goVisitorRecord(){
				wx.navigateTo({
					url: '../visitor/visitorRecord'
				})		
			},
			audit(){
				wx.navigateTo({
					url: '../owner/audit'
				})		
			}
		}
	}
</script>

<style>
	
	/* 发布委托 */
	.prefer-title{
		height: 35upx;
		font-size: 35upx;
		font-weight: bold;
		margin-bottom: 40upx;
		letter-spacing: 3upx;
	}
	.publish-v{
		margin: 40upx 30upx 0 30upx;
		width: 90%;
	}
	
	.publish-frame {
		border-radius: 20upx;
		padding-top: 12upx;
		height: 327upx;
		width: 100%;
		display: flex;
		/* justify-content: space-between; */
		justify-content: space-around;
		flex-wrap: wrap;
		/* background-color: #f9f9f9; */
		background-color: #FFFFFF;
		
	}
	.publish-cata {
		width: 48%;
		height: 150upx;
		background-color: #ffffff;
		display: flex;
		align-items: center;
		justify-content: space-around;
		border-radius: 15upx;
		boxshadow: 11px 10px 5px #c6c6c6;
	}
	
	.publish-content {
		display: flex;
		flex-direction: column;
	}
	.publish-content text:nth-child(1) {
		padding-bottom: 7upx;
		font-size: 30upx;
		font-weight: bold;
		letter-spacing: 3upx;
	}
	.publish-content text:nth-child(2) {
		font-size: 25upx;
		color: #666666;
	}
	.publish-image {
		width: 90upx;
		height: 90upx;
	}
	.shadow{
		box-shadow:#F7F7F7 0px 0px 20px;
	}
	
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}
</style>
